/* jsx ctrl+m*/
import React, { Component } from 'react';
import './css/index.css'

import Header from './components/Header'
import Bottom from './components/Bottom'
class App extends Component {
  constructor(props){
    super(props);
    this.state = {
      msg:"hello react",
      header:"react-header"
    }
  }
  render() {
    return (
      /* html的class写成className */
      <div className="item">
         {this.state.msg}
         <Header data={this.state.header} className="content"></Header>
         <Bottom myRun = {this.run} className="content"></Bottom>
      </div>
    )
  }
  run(params){
    console.log(params);
  }
}
export default App;


